<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<link rel="stylesheet" type="text/css" href="style/style.css" />

		<script src="../../libs/js/table/quiGrid.js" type="text/javascript"></script>

		<style type="text/css">
			/*body {
				background: #fff;
			}*/
			.l-grid-row-cell-inner{
			  line-height:25px;
			  height:auto!important;
			}
			.l-grid-row-cell-inner-title{
			  height: auto;
			  line-height: 42px;
			}
			.l-grid-row-cell-con-checkbox{
			  padding-top: 4px;
			}
		</style>
	</head>

	<body>
		<div class="page_content">
			<div class="demo_operation">
				<input type="button" value="人工受订单录入" class="primary" onclick="window.location=''" />
			</div>
			<div class="infoCard infoCard2">
				<div class="title">
					<span>人工受订单列表</span>
				</div>
				<div class="attendance_list_operation">
					<table border="0" cellspacing="0" cellpadding="0" class="search_content">
						<tr>
							<td>搜索：</td>
							<td><input type="text" /></td>
							<td><input type="button" value="搜索" class="" /></td>
						</tr>
					</table>
					<div class="clear"></div>
				</div>
				<div id="dataBasic"></div>
			</div>
		</div>

		<script type="text/javascript">
			var grid = null;
			//数据表格使用
			var gridData = {
				"form.paginate.pageNo": 1,
				"form.paginate.totalRows": 13,
				"rows": [{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核未通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					},{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					},{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					},{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					},{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					},{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					},{
						"id": 5418,
						"Booked_date": "2017-09-11 15:16:39",
						"Money": 220,
						"Remarks": "定州店一共3张受订单一起发货，谢谢",
						"Receiving_information": "收件人：河北定州宝贝爱连锁店<br />电话：15066322442<br />地址：河北省保定市定州市中山公园",
						"Shipping_information": "快递单号：-<br />快递类型：-<br />快递金额：免邮",
						"State": "审批状态：审核通过<br />支付状态：已收钱<br /发货状态：未发货",
						"Name": "赵四"
					}
				]
			}

			function initComplete() {
				grid = $("#dataBasic").quiGrid({
					columns: [{
							display: '编号',
							name: 'id',
							width: "10%",
							cellClick: true
						},
						{
							display: '受订日期',
							name: 'Booked_date',
							width: "10%"
						},
						{
							display: '金额',
							name: 'Money',
							width: "10%"
						},
						{
							display: '备注',
							name: 'Remarks',
							width: "15%"
						},
						{
							display: '收货信息',
							name: 'Receiving_information',
							width: "20%"
						},
						{
							display: '发货信息',
							name: 'Shipping_information',
							width: "10%"
						},
						{
							display: '状态',
							name: 'State',
							width: "15%",
							render: function(rowdata, rowindex, value, column) {
								return "审核通过" == value ? "<font color='#8EC165'>" + value + "</font>" : "<font color='#FB6B5B'>" + value + "</font>";
							}
						},
						{
							display: '录入人',
							name: 'Name',
							width: "10%"
						},
						{
							display: '操作',
							name: 'name',
							align: 'center',
							width: 170,
							render: function(rowdata, rowindex, value, column) {
								var mainCon = $('<div></div>');
								var con = $('<span class="operation_look" onclick="Return_view()">查看</span><div class="popupMenu popupMenu2"><div class="popupMenu_link"><a href="javascript:;" class="themeBgColor">操作</a></div><div class="popupMenu_con white_con"><a href="javascript:;" onclick="details()"><span>导出详情</span></a><a href="javascript:;" onclick="approval_process()"><span>查看审批</span></a><a href="javascript:;" onclick=""><span>退货</span></a></div></div>');
								mainCon.append(con);
								return mainCon.html();
							}
						}
					],
					data: gridData,
					sortName: 'id',
					rownumbers: false,
					checkbox: false,
					height: '100%',
					width: "100%",
					pageSize: 10,
					percentWidthMode: true,
					onAfterShowData: onAfterShowData

				});
			}
		
			function onAfterShowData(data) {

				$("#dataBasic").find(".popupMenu").each(function() {
					$(this).hover(function() {
						$(this).find(".popupMenu_con").show();
					}, function() {
						$(this).find(".popupMenu_con").hide();
					});
				})
			}
			
			function Return_view(){
				window.location='oa_43.html';
			}
			function details(){
				window.location='oa_40.html';
			}
			function approval_process(){
				top.Dialog.open({URL:"../../sample_skin/demo/oa_42.html",Title:"审批过程",Width:850,Height:500});
			}
		</script>
	</body>

</html>